<template>
	<view @tap="tap" hover-class="hover" hover-stay-time="50" class="module">
		<icon :class="icon" class="icon-my  iconfont"></icon>
		<text class="title">{{title}}</text>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		props:{
			icon:{},
			title:{},
			url:{}
		},
		methods: {
			tap(){
				// this.$emit('clickModule',{})
				this.$utiltg.navigateTo(this.url);
			}
		}
	}
</script>
<style scoped>
	.title{
		font-size: 20rpx;
		display: block;
	}
	.icon-my {
		color: #4DBAFF;
		font-size: 50rpx !important;
		display: block;
		margin: 10rpx auto 15rpx;
	}
	
	.module{
		width: 187.5rpx;
		height: 120rpx;
		text-align: center;
	}
</style>
